<template>
  <view class="box" style="width: 750rpx; overflow: hidden">
    <view v-if="!loding">
      <view
        class="tou topNoBg fixed"
        :style="'padding-top:' + statusBarHeight1 + 'px'"
      >
        <image
          @click="fanhui"
          class="image1"
          src="https://pic.bangbangtongcheng.com/static/bbzc/recruitmentDetails/black_fanhui.png"
        />
        发布全职招聘
      </view>
      <view
        class="tou topNoBg"
        :style="'padding-top:' + statusBarHeight1 + 'px'"
      >
      </view>
      <form style="padding: 20rpx; display: block">
        <!-- <view class="cu-form-group" style="padding-right: 100rpx;">
			  <view class="title"><span style="color: red">*</span>标题</view>
			  <input v-model="releaseFullTime.title" placeholder="请输入标题" maxlength="35" type="text" />
			  <view style="position: absolute;right: 32rpx;top: 0;line-height: 100rpx;font-size: 30rpx;color: #8799a3;">
			    {{releaseFullTime.title.length}}/35
			  </view>
			</view> -->
        <view
          class="cu-form-group cu-form-group-title"
          style="border-radius: 20rpx 20rpx 0rpx 0rpx"
        >
          <view class="title">
            <span style="color: red">*</span> 标<span style="color: transparent"
              >空空</span
            >题：
          </view>

          <!-- <input placeholder="" v-model="serviceAddress" /> -->
          <textarea
            class="textarea1"
            v-model="releaseFullTime.title"
            placeholder="请输入您这次招聘主题"
            placeholder-class="textarea-placeholder"
            auto-height
            :maxlength="35"
          />
          <view
            style="
              position: absolute;
              right: 32rpx;
              top: 0;
              line-height: 100rpx;
              font-size: 30rpx;
              color: #8799a3;
            "
          >
            {{
              releaseFullTime.title.length > 35
                ? 35
                : releaseFullTime.title.length
            }}/35
          </view>
        </view>
        <view class="cu-form-group" @click="getPositionCategory">
          <view class="title">
            <span style="color: red">*</span>职位类别：</view
          >
          <input
            v-model="positionCategorys"
            placeholder="请选择职位类别"
            disabled="true"
            class="textarea1"
            placeholder-class="textarea-placeholder"
          />
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
            mode=""
          >
          </image>
        </view>
        <view class="cu-form-group">
          <view class="title">
            <span style="color: red">*</span>薪资范围：</view
          >
          <view class="salary" v-if="!myChage.length">
            <input
              class="salary_input"
              @input="inputChage1"
              placeholder="最低薪资"
              v-model="minimumWage"
              type="digit"
            />
            <view class="salary_span">至</view>
            <input
              class="salary_input"
              @input="inputChage2"
              placeholder="最高薪资"
              v-model="maximumSalary"
              type="digit"
            />
          </view>
          <input v-else type="text" disabled v-model="mianyi" />
          <!-- <input v-else disabled v-model="mianyi" /> -->

          <view
            class="mianyiBox"
            :class="myChage.length ? 'mianyiBoxActive' : ''"
            @click="checkboxChange"
          >
            面议
          </view>
          <!-- app上有兼容问题 -->
          <!-- <u-checkbox-group v-model="myChage" @change="checkboxChange">
								<u-checkbox label="面议" name="面议" labelColor="#999999" activeColor="#64b6a8" labelSize="15">
								</u-checkbox>
							</u-checkbox-group> -->
        </view>
        <view class="cu-form-group" @click="fringeBenefits">
          <view class="title">
            <span style="color: red">*</span>福利待遇：</view
          >
          <input
            v-if="!xztype1.length"
            disabled="true"
            placeholder="请选择福利待遇"
            class="textarea1"
            placeholder-class="textarea-placeholder"
          />
          <view style="width: 450rpx" v-else>
            <scroll-view scroll-x="true" style="width: 460rpx">
              <view style="display: flex; align-items: center; width: 100%">
                <view class="materialLabel" v-for="(i, j) in xztype1" :key="j">
                  {{ i.valueName }}
                </view>
              </view>
            </scroll-view>
          </view>
          <image
            class="image_yjt"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
            mode=""
          >
          </image>
        </view>
        <view class="cu-form-group">
          <view class="title">
            <span style="color: red">*</span>工作地址：</view
          >
          <template v-if="releaseFullTime.workLocation">
            <textarea v-model="releaseFullTime.workLocation" auto-height />
          </template>
          <template v-else>
            <input
              v-model="releaseFullTime.workLocation"
              @click=""
              disabled="true"
              placeholder="请选择定位获取地址"
              placeholder-class="textarea-placeholder"
            />
          </template>
          <view
            @click="$refs.bindWorkAddress.open()"
            v-if="userAddressList.length > 0"
            style="
              width: 120rpx;
              height: 48rpx;
              background: #0fa291;
              border-radius: 32rpx;
              font-weight: 500;
              font-size: 24rpx;
              color: #ffffff;
              text-align: center;
              line-height: 48rpx;
            "
          >
            <text
              class="cuIcon-locationfill text-orange"
              style="color: white"
            ></text>
            更换
          </view>
          <view
            v-else
            @click="openMap"
            style="
              width: 120rpx;
              height: 48rpx;
              background: #0fa291;
              border-radius: 32rpx;
              font-weight: 500;
              font-size: 24rpx;
              color: #ffffff;
              text-align: center;
              line-height: 48rpx;
            "
          >
            <text
              class="cuIcon-locationfill text-orange"
              style="color: white"
            ></text>
            新增
          </view>
        </view>
        <view
          class="cu-form-group"
          style="justify-content: start; position: relative"
        >
          <view class="title"><span style="color: red">*</span>工作区域：</view>
          <span @click="openDistrict(1)">{{ releaseFullTime.region }}</span>
          <img
            :class="selectorRegion ? 'arrow-right open' : 'arrow-right'"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
          />
          <view
            @click="openDistrict(1)"
            class="textarea1"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            请选择工作区域</view
          >
          <view v-if="selectorRegion" class="seclector-box">
            <span
              v-for="(item, index) in type8"
              :key="item.index"
              :class="
                item.value === releaseFullTime.region
                  ? 'checked work-btn'
                  : 'work-btn'
              "
              @click.stop="chooseDataSelect(item, 'region')"
            >
              {{ item.value }}
            </span>
          </view>
        </view>
        <view
          class="cu-form-group"
          style="justify-content: start; position: relative"
        >
          <view class="title">招聘人数：</view>
          <view style="display: flex; align-items: center">
            <!-- <input  :style="inputStyle" type="number" @input="handleInput"
							v-model="releaseFullTime.recruitNumber" placeholder="1" /> -->
            <input
              style="width: 70rpx; padding-right: 5rpx"
              type="number"
              @input="handleInput"
              @focus="handleFocus"
              @blur="handleBlur"
              v-model="releaseFullTime.recruitNumber"
              :placeholder="placeholderText"
            />
            <span>人</span>
          </view>
          <view
            class="textarea1"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            输入本次招聘人数</view
          >
        </view>
        <view
          class="cu-form-group"
          style="justify-content: start; position: relative"
        >
          <view class="title"><span style="color: red">*</span>学历要求：</view>
          <span @click="openDistrict(2)">{{
            releaseFullTime.educationalRequirements
          }}</span>
          <img
            :class="selectorEducational ? 'arrow-right open' : 'arrow-right'"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
          />
          <view
            @click="openDistrict(2)"
            class="textarea1"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            选择最低学历要求</view
          >
          <view v-if="selectorEducational" class="seclector-box">
            <span
              v-for="(item, index) in type3"
              :key="item.index"
              :class="
                item.value === releaseFullTime.educationalRequirements
                  ? 'checked work-btn'
                  : 'work-btn'
              "
              @click.stop="chooseDataSelect(item, 'educational')"
            >
              {{ item.value }}
            </span>
          </view>
        </view>
        <view
          class="cu-form-group"
          style="justify-content: start; position: relative"
        >
          <view class="title"><span style="color: red">*</span>工作经验：</view>
          <span @click="openDistrict(3)">{{
            releaseFullTime.yearsService
          }}</span>
          <img
            :class="selectorYearsService ? 'arrow-right open' : 'arrow-right'"
            src="https://pic.bangbangtongcheng.com/static/bbzc/fb_yjt.png"
          />
          <view
            class="textarea1"
            @click="openDistrict(3)"
            style="
              position: absolute;
              font-size: 24rpx;
              top: 50%;
              left: 46%;
              transform: translateY(-50%);
              color: #cccccc;
              margin: auto;
            "
          >
            选择最低工作经验年限要求</view
          >
          <view v-if="selectorYearsService" class="seclector-box">
            <span
              v-for="(item, index) in type2"
              :key="item.index"
              :class="
                item.value === releaseFullTime.yearsService
                  ? 'checked work-btn'
                  : 'work-btn'
              "
              @click.stop="chooseDataSelect(item, 'yearsService')"
            >
              {{ item.value }}
            </span>
          </view>
        </view>

        <view class="cu-form-group">
          <view class="title">联系电话：</view>
          <input
            type="number"
            v-model="contactNumberList[0].contactWay"
            :disabled="contactNumberEdit1"
            placeholder="请填写联系方式"
            placeholder-class="textarea-placeholder"
          />
          <image
            style="width: 28rpx; height: 28rpx; margin-right: 30rpx"
            src="https://pic.bangbangtongcheng.com/static/PublicButton/edit.png"
            @click="contactNumberEdit1 = !contactNumberEdit1"
          ></image>
          <view
            @click="addPhone2"
            v-show="curUserIdentityType && curUserIdentityType != 'PERSONAL'"
            style="
              width: 120rpx;
              height: 48rpx;
              background: #0fa291;
              border-radius: 32rpx;
              text-align: center;
              line-height: 48rpx;
              font-weight: 500;
              font-size: 24rpx;
              color: #ffffff;
            "
          >
            +添加</view
          >
        </view>
        <view
          class="cu-form-group"
          v-show="
            isShowContactNumberEdit2 &&
            curUserIdentityType &&
            curUserIdentityType != 'PERSONAL'
          "
        >
          <view class="title" style="color: transparent">联系电话：</view>
          <input
            type="number"
            v-model="contactNumberList[1].contactWay"
            :disabled="contactNumberEdit2"
            placeholder="请填写联系方式"
            placeholder-class="textarea-placeholder"
          />
          <image
            style="width: 28rpx; height: 28rpx; margin-right: 30rpx"
            src="https://pic.bangbangtongcheng.com/static/PublicButton/edit.png"
            @click="contactNumberEdit2 = !contactNumberEdit2"
          ></image>
          <view
            @click="deletePhone2(contactNumberList[1])"
            style="
              width: 120rpx;
              height: 48rpx;
              background: transparent;
              display: flex;
              align-items: center;
              justify-content: right;
            "
          >
            <image
              src="https://pic.bangbangtongcheng.com/static/PublicButton/delete-phone2.png"
              style="width: 33rpx; height: 33rpx"
            ></image>
          </view>
        </view>
        <view class="cu-form-group" style="display: block">
          <view class="title" style="display: flex; align-items: center">
            <span style="color: red">*</span>
            工作描述：
            <span
              ><b
                style="color: #0fa291; line-height: 28rpx; font-weight: normal"
                >{{ releaseFullTime.jobDescription.length || 0 }}</b
              >/2000</span
            >
            <span style="color: transparent">空</span>
            <image
              @click="$refs.bindViewExample.open()"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/view-examples.png"
              style="width: 24rpx; height: 25rpx; margin-right: 10rpx"
            ></image>
            <span
              style="font-size: 24rpx; color: #0fa291"
              @click="$refs.bindViewExample.open()"
              >查看示例</span
            >
          </view>
          <view class="jieshaoTip">
            请勿在描述中填写电话、微信、邮箱等联系方式，否则其内容可能被删除或者屏蔽。
          </view>
        </view>

        <view class="jieshao">
          <view class="kuang">
            <textarea
              maxlength="2000"
              class="textareaAuto"
              v-model="releaseFullTime.jobDescription"
              :placeholder="zhiweimiaoshu"
              placeholder-class="textarea-placeholder"
            />
            <!-- <scroll-view style="white-space: nowrap;" class="text_field_outer" scroll-y>
									<textarea auto-height maxlength="2000" class="textarea" v-model="releaseFullTime.jobDescription"
										:placeholder="zhiweimiaoshu" placeholder-class="textarea-placeholder" />
								</scroll-view> -->
            <!-- <p>{{ releaseFullTime.jobDescription.length }}/500</p> -->
          </view>
        </view>
        <view class="cu-form-group" style="display: none">
          <view class="title">公司简介 </view>
        </view>
        <view class="jieshao" style="display: none">
          <view class="kuang">
            <textarea
              auto-height
              maxlength="1000"
              class="textarea"
              v-model="releaseFullTime.companyProfile"
              placeholder="请详细介绍公司"
            />
            <p>{{ releaseFullTime.companyProfile.length }}/1000</p>
          </view>
        </view>
        <view class="shangchuan" style="display: none">
          <view class="cu-form-group">
            <imageUpload v-model="fileList1" :lengthNum="9"></imageUpload>
          </view>
        </view>

        <view class="callPhoneSetButton">
          <view style="margin-right: 20rpx">拨打电话同时投递简历</view>
          <switch
            @change="callPhoneSwitch"
            :checked="releaseFullTime.whetherAutoDelivery"
          />
        </view>
        <!-- <view class="shangchuan">
			  <view class="cu-form-group" style="padding: 1rpx 40rpx">
			    <view class="grid col-4 grid-square flex-sub">
			      <view class="bg-img" style="width: 30%;margin-right: 20rpx;"
			        v-for="(item, index) in environmentArr" :key="index" @tap="ViewImagehj"
			        :data-url="environmentArr[index]">
			        <image :src="imgUrl + item" mode="aspectFit" />
			        <view class="cu-tag bg-red" @tap.stop="DelImghj" :data-index="index">
			          <text class="cuIcon-close"></text>
			        </view>
			      </view>
			      <view class="solids" @tap="ChooseImages(0,1)" v-if="environmentArr.length < 9">
			        <text class="cuIcon-cameraadd"></text>
			      </view>
			    </view>
			  </view>
			</view> -->
      </form>
      <view class="flex yszcTip">
        <!-- 	  <radio
			  style="transform: scale(0.8)"
			  :checked="checked"
			  @click="checked = !checked"
			></radio> -->
        <view
          class="agreementCheckbox"
          @click="checked = !checked"
          style="width: 28rpx; height: 28rpx"
        >
          <image
            v-if="checked"
            src="https://pic.bangbangtongcheng.com/static/bbcz/select.png"
          ></image>
          <image
            v-else
            src="https://pic.bangbangtongcheng.com/static/bbcz/noSelect.png"
          ></image>
        </view>
        <view
          style="
            display: inline-block;
            font-weight: 400;
            font-size: 24rpx;
            color: #333333;
          "
        >
          <span>发布即默认同意</span>
          <span @click="toUs(2)">《帮帮同城隐私政策》</span>
          <span>和</span>
          <span @click="toUs(3)">《帮帮同城用户协议》</span>
        </view>
      </view>
      <view class="tijiao">
        <view class="btn">
          <view class="draftBtn" @click="Drafts()">
            <image
              style="width: 32rpx; height: 32rpx"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/caogaoxiang-2.png"
            ></image>
            保存至草稿箱
          </view>
          <view
            class="releaseBtn"
            :class="checkClass ? '' : 'hide'"
            @click="release"
          >
            <image
              style="width: 32rpx; height: 32rpx"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/fabu-2.png"
            >
            </image>
            发布
          </view>
        </view>
      </view>
    </view>
    <dLoading v-if="loding"></dLoading>

    <uni-popup ref="binds" type="center" :mask-click="false">
      <!-- <view class="binds_frame">
				<view class="binds_frame_t">提示</view>
				<view class="binds_frame_c">提交成功，请耐心等待审核。</view>
				<view class="binds_frame_b" @click="queding">确定</view>
			</view> -->
      <view class="bindPublicSuccess_frame">
        <view class="binds_frame_t">
          <image
            src="https://pic.bangbangtongcheng.com/static/PublicButton/refresh.png"
          ></image
          >发布成功，审核中...
        </view>
        <view class="binds_frame_c"
          >信息审核通过后，请在“我的发布”进行管理</view
        >
      </view>
    </uni-popup>

    <!-- 地址弹窗 -->
    <uni-popup ref="bindDeleteAddress" mode="center" style="z-index: 10000000">
      <view class="binds_frame_address">
        <view class="binds_frame_t"></view>
        <view class="binds_frame_c">确定删除该地址？</view>
        <view class="binds_frame_b">
          <view class="cancel" @click="$refs.bindDeleteAddress.close()"
            >取消</view
          >
          <view class="determine" @click="determineDeleteUserAddress"
            >确定</view
          >
        </view>
      </view>
    </uni-popup>
    <uni-popup ref="bindWorkAddress" type="bottom" style="z-index: 100">
      <view class="bindWorkAddress_frame">
        <view class="title">
          <view class="title_right">请选择工作地址</view>
          <view class="title_center">&emsp;&emsp;</view>
          <view class="title_right">&emsp;&emsp;</view>
        </view>
        <view class="center">
          <view
            :class="
              currentAddressBackground == item.id ||
              (currentAddressBackground == -1 && !item.canDelete)
                ? 'center_item center_item_cur'
                : 'center_item'
            "
            v-for="(item, index) in userAddressList"
            :key="index"
          >
            <view
              class="center_item_top"
              v-if="
                currentAddressEditItem == item.id ||
                (currentAddressEditItem == -1 && !item.canDelete)
              "
            >
              <textarea
                v-model="item.location"
                :focus="true"
                class="editUserAddressTextarea"
                maxlength="60"
              ></textarea>
            </view>
            <view class="center_item_top" v-else>{{ item.location }}</view>

            <view
              style="border-bottom: 1rpx solid #cccccc; margin-bottom: 20rpx"
            ></view>
            <view class="center_item_bottom">
              <view class="center_item_bottom_left">
                <view
                  style="background: #f5f7f9; color: black; margin-right: 20rpx"
                  v-if="
                    item.whetherDefault == 0 &&
                    item.canDelete &&
                    !(
                      currentAddressEditItem == item.id ||
                      (currentAddressEditItem == -1 && !item.canDelete)
                    )
                  "
                  @click="deleteUserAddress(item)"
                >
                  删除
                </view>
                <view
                  v-if="
                    currentAddressEditItem == item.id ||
                    (currentAddressEditItem == -1 && !item.canDelete)
                  "
                  @click="confirmAddressEdit(item)"
                  >确定</view
                >
                <view v-else @click="editAddressItem(item)">编辑</view>
                <!-- <view @click="openMap(item)">编辑</view> -->
              </view>
              <view
                class="center_item_bottom_left"
                v-if="
                  currentAddressEditItem == item.id ||
                  (currentAddressEditItem == -1 && !item.canDelete)
                "
              >
                <view @click="openMap(item)"
                  ><text
                    class="cuIcon-locationfill text-orange"
                    style="color: white"
                  ></text
                  >地图</view
                >
              </view>
              <view class="center_item_bottom_right" v-else>
                <image
                  src="https://pic.bangbangtongcheng.com/static/MyPublic/radio-selectd.png"
                  v-if="item.whetherDefault == 1"
                ></image>
                <image
                  src="https://pic.bangbangtongcheng.com/static/MyPublic/radio-select.png"
                  v-if="item.whetherDefault == 0"
                  @click="setDefaultAddress(item)"
                ></image>
                默认
              </view>
            </view>
          </view>
        </view>
        <view class="footer">
          <view
            class="but"
            @click="openMap"
            :style="userAddressList.length >= 5 ? 'background: #999;' : ''"
          >
            +新增工作地点({{ userAddressList.length + "/5" }})
          </view>
        </view>
      </view>
    </uni-popup>
    <!-- 选择福利 -->
    <uni-popup ref="bindFL" type="bottom">
      <view class="bindFL_frame">
        <view class="title">
          <view class="title_right">&emsp;&emsp;</view>
          <view class="title_center"> 福利待遇(可多选) </view>
          <view class="title_right" @click="accomplish()"> 完成 </view>
        </view>
        <view class="center">
          <view class="center_item" v-for="(item, index) in type1" :key="index">
            <view
              :class="
                item.active
                  ? 'commonScreenContentLi commonScreenContentXuan'
                  : 'commonScreenContentLi'
              "
              @click="xuanzhong(item)"
            >
              {{ item.valueName }}
            </view>
          </view>
          <view class="center_item">
            <view class="custom" @click="custom()"> +自定义 </view>
          </view>
        </view>
      </view>
    </uni-popup>
    <!-- 查看示例 -->
    <uni-popup ref="bindViewExample" type="bottom">
      <view class="bindViewExample_frame">
        <view class="title">
          <view class="title_right"></view>
          <view class="title_center"> 示例 </view>
          <view class="title_right" @click="$refs.bindViewExample.close()">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/close.png"
            >
            </image>
          </view>
        </view>
        <view class="center">
          <!-- {{exampleDesc}} -->
          <textarea
            ref="text"
            maxlength="2000"
            style="width: 100%"
            auto-height
            v-model="exampleDesc"
            disabled
            placeholder="模板内容"
            placeholderStyle="font-size:24rpx;color:#ccc"
          />
        </view>
        <view class="bottomGroup">
          <view class="bottoms1" @click="applyExample">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/shiyonmoban.png"
            ></image>
            使用此模板
          </view>
          <view class="bottoms2" @click="viewExampleNext">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/PublicButton/huanyige.png"
            >
            </image>
            换一个
          </view>
        </view>
      </view>
    </uni-popup>
    <!-- 增加福利 -->
    <uni-popup ref="bindAddFL" type="center" :animation="false">
      <view class="bindAddFL_frame">
        <view class="title">
          <view class="title_right"></view>
          <view class="title_center"> 福利待遇 </view>
          <view class="title_right" @click="bindAddFL_close">
            <image
              class="image"
              src="https://pic.bangbangtongcheng.com/static/bbzc/FuLiClose.png"
            ></image>
          </view>
        </view>
        <view class="center">
          <input
            class="inputs"
            :value="addFuLi"
            placeholder="请输入福利名称"
            type="text"
            @input="addFuliInput"
          />
          <span class="inputs_zis">{{ addFuLi.length }}/4</span>
        </view>
        <view class="bottoms" @click="accomplishCustom"> 完成 </view>
      </view>
    </uni-popup>

    <view class="motaikuang motaikuang2" v-show="show2" @click="show2 = false">
      <div class="tips" @click.stop="aaa">
        <div class="text">
          为了保护您的合法权益，发布前请仔细阅读并同意以下协议:
          <view class="tags" @click="toUs(3)"> 《用户协议》 </view>
          &
          <view class="tags" @click="toUs(2)"> 《隐私协议》 </view>
        </div>
        <div class="btns">
          <div class="btn flex_center" @click="show2 = false">不同意</div>
          <div class="btn flex_center" @click="confirmClick">同意</div>
        </div>
      </div>
    </view>
    <view class="mapbuZbc" v-if="storeApprove" @touchmove.stop.prevent="">
      <view class="mapView">
        <image
          src="https://pic.bangbangtongcheng.com/static/fabu_c.png"
          @click="storeApproveSeek(1)"
        />
        <p>认证房产店铺</p>
      </view>
      <view class="mapView">
        <image
          src="https://pic.bangbangtongcheng.com/static/bbcz/dtzc01.png"
          @click="storeApproveSeek(2)"
        />
        <p>认证汽车店铺</p>
      </view>
      <view class="mapView" v-if="userInfo.enterpriseRecruitmentStatus == 0">
        <image
          src="https://pic.bangbangtongcheng.com/static/bbzc/releaseFullTime.png"
          @click="storeApproveSeek(3)"
        />
        <p>认证招聘企业</p>
      </view>
      <view class="show" @click="storeApproveClose">
        <image
          style="width: 100%; height: 100%"
          src="https://pic.bangbangtongcheng.com/static/guanbi.png"
        >
        </image>
      </view>
    </view>
  </view>
</template>
<script>
import permision from "@/js_sdk/wa-permission/permission.js";
import imageUpload from "../../components/imageUpload.vue";
//#ifdef H5
import wxshare from "../../utils/index.js";
//#endif
import { mapGetters } from "vuex";
export default {
  data() {
    return {
      placeholderText: "1",
      loding: true,
      selectorRegion: false, // 工作地区选择器容器
      selectorEducational: false, // 学历要求选择器容器
      selectorYearsService: false, // 工作经验选择器容器
      inputValue: "",
      inputWidth: 30, // 初始宽度
      isShowContactNumberEdit2: false, //是否显示副联系方式
      contactNumberEdit1: true, // 是否可以编辑主联系方式
      contactNumberEdit2: true, // 是否可以编辑副联系方式
      userAddressList: [], // 用户地址列表
      currentAddressEditItem: 0, // 当前正在编辑的地址
      currentAddressBackground: 0, // 当前编辑地址的背景显示位置
      deleteUserAddressInfo: null, // 即将要删除的地址
      ballInfo: {
        ballType: "all",
        ballSize: 50,
        center: "center",
        waveColor: "#FFFFFF",
        ballPadding: "5px",
      },
      circleInfo: {
        foreground: "#fff9f6",
        background: "#6ED4BF",
        circleColor: "#ffffff",
      },
      loadPercent: 0,
      imgUrl: this.$imgSrc,
      userInfo: uni.getStorageSync("Pduser"),
      releaseFullTime: {
        id: "", //主键
        publisherId: "", //发布人ID
        certificationId: "", //企业ID
        bussinessType: "", //业务类型   1：房源，2：车主，3：车主会员，4：招聘
        recruitmentType: "1", //招聘类型   1：全职，2：兼职
        title: "", //标题
        positionName: "", // 职位名称
        yearsService: "不限", //工作年限
        educationalRequirements: "不限", //学历要求
        salaryRange: "", //薪资范围
        fringeBenefits: "", //福利待遇
        companyProfile: "", //公司简介
        introductionPicture: "", //简介图片
        positionCategory: "", //职位类别
        workLocation: "", //工作地点
        longitude: "", //经度
        latitude: "", //纬度
        contactNumber: "", //联系电话
        jobDescription: "", //职位描述
        recruitNumber: "1", // 招聘人数
        region: "平度市", //区域
        whetherAutoDelivery: true, // 拨打段话同时投递简历
      },
      contactNumberList: [],
      positionCategorys: "",
      environmentArr: [],
      environmentList: [],
      progressList6: [],
      // 协议
      checked: false,
      index: "",
      CustomBar1: "",
      anti_shake: false,
      // 是否选择面议
      myChage: [],
      mianyi: "面议",
      addFuLi: "",
      // 福利数据
      type1: [],
      type2: [],
      type3: [],
      type8: [],
      xztype1: [],
      // 薪资
      minimumWage: "",
      maximumSalary: "",
      fileList1: [],
      voitureId: "",
      draftsId: "",
      show2: "",
      checkClass: false,
      storeApprove: false,
      // callPhoneSwitch: true,
      zhiweimiaoshu: "请输入职位描述\n1.工作内容\n2.任职要求",
      exampleDesc: "",
      exampleList: [],
    };
  },
  components: {
    imageUpload,
  },
  computed: {
    ...mapGetters([
      "userid",
      "islogin",
      "statusBarHeight1",
      "userinfo",
      "curUserAuditStatus",
      "curUserIdentityType",
    ]),
    inputStyle() {
      const width = Number(this.inputWidth);
      return {
        width: width ? `${width}rpx` : "200rpx",
      };
    },
  },
  async onLoad(option) {
    await this.getType();
    if (option.id) {
      await this.init(option.id, option.index);
    } else {
      this.GSintroduceHQ();
      this.GSpicturesHQ();
    }
    if (uni.getStorageSync("locationState") == 1) {
      this.getLocation();
    }
    //this.releaseFullTime.contactNumber = this.userInfo.phone;
    this.CustomBar1 = this.CustomBar;
    /* #ifdef H5 */
    this.jinzhi();
    /* #endif */
    this.getCurrentUserAddress();

    this.getUserContactByUserId();

    this.getExample();
    console.log("curUserIdentityType", this.curUserIdentityType);
  },
  onPullDownRefresh() {
    uni.stopPullDownRefresh();
  },
  watch: {
    releaseFullTime: {
      deep: true,
      handler() {
        let status = true;
        let that = this;
        if (that.releaseFullTime.title == "") {
          status = false;
          // console.log('@releaseFullTime title')
        }
        if (that.releaseFullTime.yearsService == "") {
          status = false;
          // console.log('@releaseFullTime yearsService')
        }
        if (that.releaseFullTime.educationalRequirements == "") {
          status = false;
          // console.log('@releaseFullTime educationalRequirements')
        }
        if (!this.myChage.length) {
          if (that.minimumWage == "" && that.maximumSalary == "") {
            // console.log(22222222)
            status = false;
            // console.log('@releaseFullTime minimumWage maximumSalary')
          } else {
            if (
              that.minimumWage != "" &&
              that.maximumSalary != "" &&
              Number(that.minimumWage) > Number(that.maximumSalary)
            ) {
              // console.log(3333333)
              status = false;
              // console.log('@releaseFullTime minimumWage maximumSalary2')
            }
          }
        }
        if (!that.xztype1.length) {
          status = false;
          // console.log('@releaseFullTime xztype1')
        }
        if (that.positionCategorys == "") {
          status = false;
          // console.log('@releaseFullTime positionCategorys')
        }
        if (
          that.releaseFullTime.workLocation == "" ||
          that.releaseFullTime.longitude == ""
        ) {
          status = false;
          // console.log('@releaseFullTime workLocation longitude')
        }
        // if (
        //   that.releaseFullTime.recruitNumber == 0 ||
        //   that.releaseFullTime.recruitNumber == 0
        // ) {
        //   status = false;
        // }
        if (that.releaseFullTime.jobDescription == "") {
          status = false;
          // console.log('@releaseFullTime jobDescription')
        }

        this.checkClass = status;
      },
    },
    // myChage: {
    // 	deep: true,
    // 	handler() {
    // 		let status = true;
    // 		let that = this;

    // 		if (!this.myChage.length) {
    // 			if (that.minimumWage == "" && that.maximumSalary == "") {
    // 				console.log(22222222);
    // 				status = false;
    // 			} else {
    // 				if (
    // 					that.minimumWage != "" &&
    // 					that.maximumSalary != "" &&
    // 					Number(that.minimumWage) > Number(that.maximumSalary)
    // 				) {
    // 					console.log(3333333);
    // 					status = false;
    // 				}
    // 			}
    // 		}
    // 		this.checkClass = status;
    // 	},
    // },
    maximumSalary: {
      deep: true,
      handler() {
        let status = true;
        let that = this;

        if (!this.myChage.length) {
          if (that.minimumWage == "" && that.maximumSalary == "") {
            console.log(22222222);
            status = false;
          } else {
            if (
              that.minimumWage != "" &&
              that.maximumSalary != "" &&
              Number(that.minimumWage) > Number(that.maximumSalary)
            ) {
              console.log(3333333);
              status = false;
            }
          }
        }
        this.checkClass = status;
      },
    },
    minimumWage: {
      deep: true,
      handler() {
        let status = true;
        let that = this;

        if (!this.myChage.length) {
          if (that.minimumWage == "" && that.maximumSalary == "") {
            console.log(22222222);
            status = false;
          } else {
            if (
              that.minimumWage != "" &&
              that.maximumSalary != "" &&
              Number(that.minimumWage) > Number(that.maximumSalary)
            ) {
              console.log(3333333);
              status = false;
            }
          }
        }
        this.checkClass = status;
      },
    },
  },
  methods: {
    editAddressItem(item) {
      this.currentAddressEditItem = item.id;
      this.currentAddressBackground = item.id;
      if (!item.id) {
        this.currentAddressEditItem = -1;
        this.currentAddressBackground = -1;
      }
    },
    handleFocus() {
      // 当用户准备编辑时，将placeholder设置为'0'
      this.placeholderText = "0";
      console.log("handleFocus", this.placeholderText);
    },
    handleBlur() {
      // 当用户离开输入框时，检查输入框的值
      if (this.releaseFullTime.recruitNumber === "") {
        // 如果输入框为空，则将placeholder重置为'1'
        this.placeholderText = "1";
      }
      console.log("handleBlur", this.releaseFullTime.recruitNumber);
    },
    //打开选择工作区域
    openDistrict(type) {
      if (type == 1) {
        this.selectorEducational = false;
        this.selectorYearsService = false;
        this.selectorRegion = !this.selectorRegion;
      }
      if (type == 2) {
        this.selectorRegion = false;
        this.selectorYearsService = false;
        this.selectorEducational = !this.selectorEducational;
      }
      if (type == 3) {
        this.selectorRegion = false;
        this.selectorEducational = false;
        this.selectorYearsService = !this.selectorYearsService;
      }
    },
    chooseDataSelect(v, t) {
      if (t === "region") {
        this.releaseFullTime.region = v.value;
      }
      if (t === "yearsService") {
        this.releaseFullTime.yearsService = v.value;
      }
      if (t === "educational") {
        this.releaseFullTime.educationalRequirements = v.value;
      }
    },
    viewExampleNext() {
      const len = this.exampleList.length;
      const index = Math.floor(Math.random() * len);
      this.exampleDesc = this.exampleList[index].valueName;
    },
    getExample() {
      let that = this;
      // 获取示例模版
      this.$myRequest
        .get("/api/mobile/personnelOwner/queryDataDictionaryList", {
          type: 12,
        })
        .then((res) => {
          if (res.code == 200) {
            const len = res.dataDictionaryList.length;
            if (len > 0) {
              this.exampleList = res.dataDictionaryList;
              this.exampleDesc = res.dataDictionaryList[0].valueName;
              console.log("text", this.text);
            }
          }
          that.$nextTick(() => {
            setTimeout(() => {
              this.loding = false;
            }, 1000);
          });
        });
    },
    handleInput(e) {
      this.inputValue = e.target.value;
      this.releaseFullTime.recruitNumber = event.target.value;
      this.calculateWidth(this.inputValue);
    },
    calculateWidth(text) {
      // 根据字体大小和字体类型来调整这里的值
      const baseWidth = 18;
      const charWidth = 18;
      const width = baseWidth + text.length * charWidth;
      this.inputWidth = Math.max(width, 30); // 设置最小宽度
    },
    getUserContactByUserId() {
      let that = this;
      this.$myRequest
        .get("/api/mobile/personnelOwner/getUserContactByUserId", {
          userId: this.userInfo.id,
        })
        .then((res) => {
          //that.releaseFullTime.contactNumber = res.data[0].contactWay;
          that.contactNumberList = res.data;
          if (res.data.length > 1) {
            that.isShowContactNumberEdit2 = true;
            //that.releaseFullTime.contactNumber2 = res.data[1].contactWay;
          } else {
            let data = {};
            data.contactWay = "";
            data.userId = this.userInfo.id;
            that.contactNumberList[1] = data;
          }
        });
    },
    saveUserContact(id, contactWay) {
      let data = {};
      data.contactWay = contactWay;
      data.userId = this.userInfo.id;
      if (id) {
        data.id = id;
      }
      this.$myRequest.post("/api/mobile/personnelOwner/saveUserContact", data);
    },
    addPhone2() {
      this.isShowContactNumberEdit2 = true;
    },
    deletePhone2(row) {
      console.log("deletePhone2", this.contactNumberList);
      if (!row.id) {
        this.isShowContactNumberEdit2 = false;
        this.getUserContactByUserId();
        return;
      }
      this.$myRequest
        .post("/api/mobile/personnelOwner/removeUserContactByIds", {
          ids: row.id,
        })
        .then((res) => {
          this.isShowContactNumberEdit2 = false;
          this.getUserContactByUserId();
        });
    },
    // 删除单个用户地址
    deleteUserAddress(item) {
      this.deleteUserAddressInfo = item;
      this.$refs.bindDeleteAddress.open();
    },
    determineDeleteUserAddress() {
      let that = this;
      console.log(
        "determineDeleteUserAddress item",
        this.deleteUserAddressInfo
      );
      this.$myRequest
        .post("/api/mobile/personnelOwner/removeUserWorkLocationByIds", {
          ids: this.deleteUserAddressInfo.id,
        })
        .then((res) => {
          that.$refs.bindDeleteAddress.close();
          uni.showToast({
            title: "操作成功",
            icon: "success",
          });
          that.getCurrentUserAddress();
        });
    },
    setDefaultAddress(row) {
      let that = this;
      row.whetherDefault = 1;
      uni.showLoading({
        title: "设置中",
      });

      let ifOne = false;
      if (this.userAddressList?.length == 0 || !this.userAddressList) {
        ifOne = true;
      } else if (row.id == this.userAddressList[0].id) {
        ifOne = true;
      }
      row.ifOne = ifOne;
      that.$myRequest
        .post("/api/mobile/personnelOwner/saveUserWorkLocation", row)
        .then((response) => {
          that.getCurrentUserAddress();
          uni.hideLoading();
        });
    },
    // 获取当前用户的地址列表
    getCurrentUserAddress() {
      this.$myRequest
        .get("/api/mobile/personnelOwner/getUserWorkLocationList", {
          userId: this.userInfo.id,
        })
        .then((res) => {
          this.userAddressList = res.data;
          if (this.userAddressList.length > 0) {
            let defaultAddress = res.data.filter(
              (row) => row.whetherDefault == 1
            )[0];
            console.log(
              "res.data.filter(row => row.whetherDefault == 1)",
              defaultAddress
            );
            this.releaseFullTime.workLocation = defaultAddress.location;
            this.releaseFullTime.latitude = defaultAddress.latitude;
            this.releaseFullTime.longitude = defaultAddress.longitude;
            this.currentAddressBackground = defaultAddress.id;
          }
        });
    },
    applyExample() {
      this.releaseFullTime.jobDescription = this.exampleDesc;
      this.$refs.bindViewExample.close();
    },
    callPhoneSwitch(e) {
      //this.callPhoneSwitch = e.target.value;
      console.log("callPhoneSwitch", e);
      this.releaseFullTime.whetherAutoDelivery = e.target.value ? 1 : 0;
    },
    checkMobile(tel) {
      //清空格
      tel = tel.replace(/[\s\u00a0]/g, "");
      //替换中文括号
      tel = tel.replace("（", "(");
      tel = tel.replace("）", ")");
      var phoneReg = !!tel.match(
        /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/
      );
      var telReg = !!tel.match(/^\((\d{3,4})\)\d{7,8}|^\d{3,4}-\d{7,8}$/);
      if (phoneReg || telReg) {
        return true;
      } else {
        return false;
      }
    },
    storeApproveClose() {
      this.storeApprove = false;
    },
    storeApproveSeek(index) {
      if (this.inReview) {
        this.storeApprove = false;
        uni.showToast({
          title: "当前已有认证审核中，请耐心等候！",
          icon: "none",
          mask: true,
        });
        return;
      }
      if (index == 1) {
        uni.navigateTo({
          url: "/pages_my/enter_merchant?type=2",
        });
      } else if (index == 2) {
        uni.navigateTo({
          url: "/pages_owner/my/shopCertification?type=2",
        });
      } else {
        uni.navigateTo({
          url: "/pages_recruitMoney/my/shopCertification?type=2",
        });
      }
      this.storeApproveClose();
    },
    aaa() {},
    confirmClick() {
      this.checked = true;
      this.show2 = false;
      this.release();
    },
    addFuliInput(e) {
      // 苹果输入法会有英文字母占位，所以使用maxlength 会有bug
      this.addFuLi = (e.detail.value && e.detail.value.slice(0, 4)) || "";
    },
    // 删除图片
    deletePic(event) {
      this[`fileList${event.name}`].splice(event.index, 1);
    },
    // 新增图片
    async afterRead(event) {
      console.log(event);
      // 当设置 multiple 为 true 时, file 为数组格式，否则为对象格式
      let lists = [].concat(event.file);
      let fileListLen = this[`fileList${event.name}`].length;
      lists.map((item) => {
        this[`fileList${event.name}`].push({
          ...item,
          status: "uploading",
          message: "上传中",
        });
      });
      for (let i = 0; i < lists.length; i++) {
        const result = await this.uploadFilePromise(lists[i].url);
        let item = this[`fileList${event.name}`][fileListLen];
        this[`fileList${event.name}`].splice(
          fileListLen,
          1,
          Object.assign(item, {
            status: "success",
            message: "",
            url: result,
          })
        );
        fileListLen++;
      }
    },
    uploadFilePromise(url) {
      return new Promise((resolve, reject) => {
        let a = uni.uploadFile({
          url: "https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload", // 仅为示例，非真实的接口地址
          filePath: url,
          name: "file",
          formData: {
            user: "test",
          },
          success: (res) => {
            setTimeout(() => {
              resolve(JSON.parse(res.data).data[0].url);
            }, 1000);
          },
        });
      });
    },
    // 获取公司环境图片
    GSpicturesHQ() {
      let businessType =
        this.userInfo.businessType == 0 || !this.userInfo.businessType
          ? "4"
          : this.userInfo.businessType;
      this.$myRequest
        .get("/api/mobile/public/getCompanyEnvironmentTabulation", {
          businessType: businessType,
          companyId: this.userInfo.id,
        })
        .then((data) => {
          let arr = [];
          data.companyEnvironmentTabulation.forEach((v) => {
            arr.push(v.environmentalImages);
          });
          if (arr.length) {
            this.fileList1 = arr;
          }
        });
    },
    // 获取公司介绍
    GSintroduceHQ() {
      let businessType =
        this.userInfo.businessType == 0 || !this.userInfo.businessType
          ? "4"
          : this.userInfo.businessType;
      let companyId = "";
      this.$myRequest
        .get("/api/mobile/public/getCompanyIntroductionTabulation", {
          businessType: businessType,
          companyId: this.userInfo.id,
        })
        .then((data) => {
          if (data.companyEnvironmentTabulation.length) {
            this.releaseFullTime.companyProfile =
              data.companyEnvironmentTabulation[0].companyIntroduction;
          }
        });
    },
    checkboxChange() {
      const index = this.myChage.indexOf("面议");
      if (index === -1) {
        this.myChage.push("面议");
        if (this.minimumWage == "" && this.maximumSalary != "") {
          this.releaseFullTime.salaryRange = this.maximumSalary;
        } else if (this.minimumWage != "" && this.maximumSalary == "") {
          this.releaseFullTime.salaryRange = this.minimumWage;
        } else {
          this.releaseFullTime.salaryRange =
            this.minimumWage + "-" + this.maximumSalary;
        }
      } else {
        this.myChage.splice(index, 1);
        this.releaseFullTime.salaryRange = "面议";
      }
    },
    fringeBenefits() {
      this.$refs.bindFL.open();
    },
    custom() {
      this.$refs.bindAddFL.open();
    },
    accomplishCustom() {
      if (this.addFuLi == "") {
        uni.showToast({
          title: "福利名称不能为空",
          icon: "none",
          mask: true,
        });
        return false;
      }
      this.type1.forEach((i, j) => {
        if (i.valueName == this.addFuLi) {
          this.type1.splice(j, 1);
        }
      });
      this.type1.push({
        valueName: this.addFuLi,
        active: true,
      });
      this.addFuLi = "";
      this.bindAddFL_close();
    },
    getPositionCategory() {
      uni.setStorageSync("zwlbss_key", []);
      uni.navigateTo({
        url: "/pages_recruitMoney/recruitmentInformation/selectPositionCategory?index=1&type=2",
      });
    },
    bindAddFL_close() {
      this.addFuLi = "";
      this.$refs.bindAddFL.close();
    },
    xuanzhong(item) {
      this.type1.forEach((v) => {
        if (v.valueName == item.valueName) {
          v.active = !v.active;
        }
      });
    },
    accomplish() {
      let type = [];
      this.type1.forEach((v) => {
        if (v.active) {
          type.push(v);
        }
      });
      this.xztype1 = type;
      this.releaseFullTime.fringeBenefits = type.join(",");
      this.$refs.bindFL.close();
    },
    queding() {
      uni.redirectTo({
        url: "/pages_my/myIssue?type1=5",
      });
    },
    // 金额校验
    inputChage1(e) {
      let length = 7;
      // 数值中转
      let temp = e.target.value;
      //  正则限制 3.. 以及 3.3.3的情况
      if (temp) {
        temp = temp
          .replace(/[^0-9.]|^\.|\.{2,}/g, "")
          .replace(".", "$#$")
          .replace(/\./g, "")
          .replace("$#$", ".");
        const point = temp.split(".");
        let decimals; // 整数部分
        let positiveInteger; // 小数部分
        // 先处理整数部分
        if (point[0]) {
          decimals =
            point[0].length > length ? point[0].slice(0, length) : point[0];
        }
        if (point[0].length > 1 && point[0].slice(0, 1) == "0") {
          decimals = point[0].slice(1, 2);
        }
        //  处理小数部分
        if (temp.includes(".")) {
          positiveInteger =
            point[1].length > 2 ? point[1].slice(0, 2) : point[1];
          temp = positiveInteger
            ? `${decimals}.${positiveInteger}`
            : `${decimals}.`;
        } else {
          temp = decimals;
        }
      }
      this.$nextTick(function () {
        this.minimumWage = temp;
      });
    },
    inputChage2(e) {
      let length = 7;
      // 数值中转
      let temp = e.target.value;
      //  正则限制 3.. 以及 3.3.3的情况
      if (temp) {
        temp = temp
          .replace(/[^0-9.]|^\.|\.{2,}/g, "")
          .replace(".", "$#$")
          .replace(/\./g, "")
          .replace("$#$", ".");
        const point = temp.split(".");
        let decimals; // 整数部分
        let positiveInteger; // 小数部分
        // 先处理整数部分
        if (point[0]) {
          decimals =
            point[0].length > length ? point[0].slice(0, length) : point[0];
        }
        if (point[0].length > 1 && point[0].slice(0, 1) == "0") {
          decimals = point[0].slice(1, 2);
        }
        //  处理小数部分
        if (temp.includes(".")) {
          positiveInteger =
            point[1].length > 2 ? point[1].slice(0, 2) : point[1];
          temp = positiveInteger
            ? `${decimals}.${positiveInteger}`
            : `${decimals}.`;
        } else {
          temp = decimals;
        }
      }
      this.$nextTick(function () {
        this.maximumSalary = temp;
      });
    },
    init(id, index) {
      if (index == 1) {
        // 获取全职数据
        this.$myRequest
          .get("/api/mobile/personnelOwner/getRecruitmentById", {
            id: id,
            userId: this.userInfo.id,
          })
          .then((res) => {
            let obj = res.recommendedPosition;
            this.voitureId = res.recommendedPosition.id;
            // 保存到草稿箱 不在首页展示当前招聘信息
            this.releaseFullTime.recruitmentId = obj.id;
            this.releaseFullTime.title = obj.title;
            this.releaseFullTime.yearsService = obj.yearsService;
            this.releaseFullTime.educationalRequirements =
              obj.educationalRequirements;
            this.releaseFullTime.salaryRange = obj.salaryRange;
            this.releaseFullTime.whetherAutoDelivery = obj.whetherAutoDelivery
              ? 1
              : 0;
            if (obj.salaryRange) {
              if (obj.salaryRange == "面议") {
                this.myChage.push("面议");
              } else {
                if (obj.salaryRange.split("-").length > 1) {
                  this.minimumWage = obj.salaryRange.split("-")[0];
                  this.maximumSalary = obj.salaryRange.split("-")[1];
                } else {
                  this.minimumWage = obj.salaryRange.split("-")[0];
                }
              }
            }
            this.releaseFullTime.fringeBenefits = obj.fringeBenefits;
            if (obj.fringeBenefits) {
              let arr = obj.fringeBenefits.split(",");
              arr.forEach((v) => {
                if (
                  this.type1.findIndex((item) => item.valueName == v) == "-1"
                ) {
                  this.type1.push({
                    valueName: v,
                    active: true,
                  });
                } else {
                  this.type1[
                    this.type1.findIndex((item) => item.valueName == v)
                  ].active = true;
                }
              });
              let type = [];
              this.type1.forEach((v) => {
                if (v.active) {
                  type.push(v);
                }
              });
              this.xztype1 = type;
            }
            this.releaseFullTime.companyProfile = obj.companyProfile;
            this.releaseFullTime.introductionPicture = obj.introductionPicture;
            this.releaseFullTime.positionCategory = obj.positionCategory;
            this.releaseFullTime.positionName = obj.positionCategory;
            this.positionCategorys = obj.positionCategory;
            this.releaseFullTime.region = obj.region;
            this.releaseFullTime.workLocation = obj.workLocation;
            this.releaseFullTime.recruitNumber = obj.recruitNumber;
            this.releaseFullTime.longitude = obj.longitude;
            this.releaseFullTime.latitude = obj.latitude;
            //this.releaseFullTime.contactNumber = obj.contactNumber;
            this.releaseFullTime.jobDescription = obj.jobDescription;
            if (obj.introductionPicture) {
              // obj.introductionPicture.split("|").forEach(v=>{
              // 	this.fileList1.push({type: "image",url:v})
              // })
              this.fileList1 = obj.introductionPicture.split("|");
            }
          });
      } else {
        // 获全职草稿箱数据
        this.$myRequest
          .get("/api/mobile/personnelOwner/getRecruitmentDraftsById", {
            id: id,
            userId: this.userInfo.id,
          })
          .then((res) => {
            let obj = res.recruitmentInformationDraft;
            this.draftsId = res.recruitmentInformationDraft.id;
            this.releaseFullTime.title = obj.title;
            this.releaseFullTime.yearsService = obj.yearsService;
            this.releaseFullTime.educationalRequirements =
              obj.educationalRequirements;
            this.releaseFullTime.salaryRange = obj.salaryRange;
            this.releaseFullTime.recruitNumber = obj.recruitNumber;
            this.releaseFullTime.whetherAutoDelivery = obj.whetherAutoDelivery
              ? 1
              : 0;
            if (obj.salaryRange) {
              if (obj.salaryRange == "面议") {
                this.myChage.push("面议");
              } else {
                if (obj.salaryRange.split("-").length > 1) {
                  this.minimumWage = obj.salaryRange.split("-")[0];
                  this.maximumSalary = obj.salaryRange.split("-")[1];
                } else {
                  this.minimumWage = obj.salaryRange.split("-")[0];
                }
              }
            }
            this.releaseFullTime.fringeBenefits = obj.fringeBenefits;
            if (obj.fringeBenefits) {
              let arr = obj.fringeBenefits.split(",");
              arr.forEach((v) => {
                if (
                  this.type1.findIndex((item) => item.valueName == v) == "-1"
                ) {
                  this.type1.push({
                    valueName: v,
                    active: true,
                  });
                } else {
                  this.type1[
                    this.type1.findIndex((item) => item.valueName == v)
                  ].active = true;
                }
              });
              let type = [];
              this.type1.forEach((v) => {
                if (v.active) {
                  type.push(v);
                }
              });
              this.xztype1 = type;
            }
            this.releaseFullTime.companyProfile = obj.companyProfile;
            this.releaseFullTime.introductionPicture = obj.introductionPicture;
            this.releaseFullTime.positionCategory = obj.positionCategory;
            this.positionCategorys = obj.positionCategory;
            this.releaseFullTime.region = obj.region;
            this.releaseFullTime.workLocation = obj.workLocation;
            this.releaseFullTime.longitude = obj.longitude;
            this.releaseFullTime.latitude = obj.latitude;
            //this.releaseFullTime.contactNumber = obj.contactNumber;
            this.releaseFullTime.jobDescription = obj.jobDescription;
            if (obj.introductionPicture) {
              // obj.introductionPicture.split("|").forEach(v=>{
              // 	this.fileList1.push({type: "image",url:v})
              // })
              this.fileList1 = obj.introductionPicture.split("|");
            }
          });
      }
    },
    // 保存草稿
    Drafts() {
      let that = this;
      if (this.anti_shake) {
        return false;
      }
      var status = true;
      this.releaseFullTime.id = this.draftsId ? this.draftsId : "";
      this.releaseFullTime.publisherId = that.userInfo.id;
      this.releaseFullTime.certificationId = that.userInfo.enterpriseId || "";
      this.releaseFullTime.positionCategory = this.positionCategorys;
      this.releaseFullTime.positionName = this.positionCategorys;
      if (that.releaseFullTime.title == "") {
        uni.showToast({
          title: "请填写标题",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      this.releaseFullTime.bussinessType =
        this.userInfo.businessType == 0 || !this.userInfo.businessType
          ? "4"
          : that.userInfo.businessType;
      if (!this.myChage.length) {
        if (that.minimumWage == "" && that.maximumSalary == "") {
          this.releaseFullTime.salaryRange = "";
        } else if (that.minimumWage == "" && that.maximumSalary != "") {
          this.releaseFullTime.salaryRange = that.maximumSalary;
        } else if (that.minimumWage != "" && that.maximumSalary == "") {
          this.releaseFullTime.salaryRange = that.minimumWage;
        } else {
          this.releaseFullTime.salaryRange =
            that.minimumWage + "-" + that.maximumSalary;
        }
      } else {
        this.releaseFullTime.salaryRange = "面议";
      }
      let type = [];
      that.xztype1.forEach((v) => {
        type.push(v.valueName);
      });
      this.releaseFullTime.fringeBenefits = type.join(",");
      that.releaseFullTime.introductionPicture = this.fileList1.join("|");
      this.releaseFullTime.whetherAutoDelivery = this.releaseFullTime
        .whetherAutoDelivery
        ? 1
        : 0;
      if (status) {
        this.anti_shake = true;
        this.$myRequest
          .post(
            "/api/mobile/personnelOwner/increaseOrModifyRecruitmentDrafts",
            this.releaseFullTime
          )
          .then((res) => {
            if (res.code == 200) {
              uni.showToast({
                title: "保存草稿箱成功",
                icon: "none",
                mask: true,
              });
              setTimeout(() => {
                this.anti_shake = false;
              }, 500);
              setTimeout(() => {
                // uni.redirectTo({
                // 	url: "/pages_my/myIssue?type1=4",
                // });
                uni.redirectTo({
                  url: "/pages_my/myIssue",
                });
              }, 1000);
            }
          });
      }
    },
    release() {
      let that = this;
      if (this.anti_shake) {
        return false;
      }
      var status = true;
      this.releaseFullTime.id = this.voitureId ? this.voitureId : "";
      this.releaseFullTime.publisherId = that.userInfo.id;
      this.releaseFullTime.certificationId = that.userInfo.enterpriseId || "";
      this.releaseFullTime.bussinessType =
        that.userInfo.businessType == 0 ? "4" : that.userInfo.businessType;
      if (!this.checked) {
        this.show2 = true;
        status = false;
        return false;
      }
      if (
        this.userInfo.businessType == 0 &&
        this.userInfo.enterpriseRecruitmentStatus === "0"
      ) {
        uni.showModal({
          content: "您还未认证企业，请先认证企业！",
          confirmText: "去认证",
          cancelText: "不了",
          success: (val) => {
            if (val.confirm) {
              this.storeApprove = true;
            }
          },
        });
        status = false;
        return;
      }
      if (that.releaseFullTime.title == "") {
        uni.showToast({
          title: "请填写标题",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (that.releaseFullTime.yearsService == "") {
        uni.showToast({
          title: "请选择工作年限",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (that.releaseFullTime.educationalRequirements == "") {
        uni.showToast({
          title: "请选择学历要求",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (!this.myChage.length) {
        if (that.minimumWage == "" && that.maximumSalary == "") {
          uni.showToast({
            title: "请填写薪资",
            icon: "none",
            mask: true,
          });
          status = false;
          return false;
        } else if (that.minimumWage == "" && that.maximumSalary != "") {
          this.releaseFullTime.salaryRange = that.maximumSalary;
        } else if (that.minimumWage != "" && that.maximumSalary == "") {
          this.releaseFullTime.salaryRange = that.minimumWage;
        } else {
          if (Number(that.minimumWage) > Number(that.maximumSalary)) {
            uni.showToast({
              title: "最低薪资不能高于最高薪资",
              icon: "none",
              mask: true,
            });
            status = false;
            return false;
          } else {
            this.releaseFullTime.salaryRange =
              that.minimumWage + "-" + that.maximumSalary;
          }
        }
      } else {
        this.releaseFullTime.salaryRange = "面议";
      }
      if (!that.xztype1.length) {
        uni.showToast({
          title: "请选择福利待遇",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      } else {
        let type = [];
        that.xztype1.forEach((v) => {
          type.push(v.valueName);
        });
        this.releaseFullTime.fringeBenefits = type.join(",");
      }

      if (that.positionName == "") {
        uni.showToast({
          title: "请选择职位",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      this.releaseFullTime.positionName = this.positionCategorys;
      if (that.positionCategorys == "") {
        uni.showToast({
          title: "请选择职位类别",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      this.releaseFullTime.positionCategory = this.positionCategorys;
      if (that.releaseFullTime.region == "") {
        uni.showToast({
          title: "请选择所在区域",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (
        that.releaseFullTime.workLocation == "" ||
        that.releaseFullTime.longitude == ""
      ) {
        uni.showToast({
          title: "请选择工作地点",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (this.contactNumberList[0].contactWay == "") {
        uni.showToast({
          title: "请输入联系电话",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (!this.checkMobile(this.contactNumberList[0].contactWay)) {
        uni.showToast({
          title: "请输入正确的手机号或座机号码",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (this.isShowContactNumberEdit2) {
        if (this.contactNumberList[1].contactWay == "") {
          uni.showToast({
            title: "请输入第二个联系电话",
            icon: "none",
            mask: true,
          });
          status = false;
          return false;
        }
        if (!this.checkMobile(this.contactNumberList[1].contactWay)) {
          uni.showToast({
            title: "请输入正确的手机号或座机号码",
            icon: "none",
            mask: true,
          });
          status = false;
          return false;
        }
      }
      console.log("this.contactNumberList", this.contactNumberList);
      let contactNumberType = [];
      this.contactNumberList.forEach((v) => {
        contactNumberType.push(v.contactWay);
      });
      this.releaseFullTime.contactNumber = contactNumberType.join(",");
      // if (this.releaseFullTime.contactNumber == "") {
      // 	uni.showToast({
      // 		title: "请输入联系电话",
      // 		icon: "none",
      // 		mask: true,
      // 	});
      // 	status = false;
      // 	return false;
      // }
      // if (!this.checkMobile(this.releaseFullTime.contactNumber)) {
      // 	uni.showToast({
      // 		title: "请输入正确的手机号或座机号码",
      // 		icon: "none",
      // 		mask: true,
      // 	});
      // 	status = false;
      // 	return false;
      // }
      if (
        that.releaseFullTime.recruitNumber == 0 ||
        that.releaseFullTime.recruitNumber == ""
      ) {
        // uni.showToast({
        //   title: "请填写招聘人数",
        //   icon: "none",
        //   mask: true,
        // });
        // status = false;
        // return false;
        that.releaseFullTime.recruitNumber = "0";
      }
      if (that.releaseFullTime.jobDescription == "") {
        uni.showToast({
          title: "请填写职位描述",
          icon: "none",
          mask: true,
        });
        status = false;
        return false;
      }
      if (that.fileList1.length) {
        that.releaseFullTime.introductionPicture = this.fileList1.join("|");
      }
      if (status) {
        this.anti_shake = true;
        console.log("this.releaseFullTime", this.releaseFullTime);
        // return;
        this.releaseFullTime.whetherAutoDelivery = this.releaseFullTime
          .whetherAutoDelivery
          ? 1
          : 0;
        this.$myRequest
          .post(
            "/api/mobile/personnelOwner/publishRecruitment",
            this.releaseFullTime
          )
          .then((res) => {
            if (res.code == 200) {
              // 发布成功更新手机号信息
              for (var i = 0; i < this.contactNumberList.length; i++) {
                if (i == 1 && !this.isShowContactNumberEdit2) {
                  continue;
                }
                this.saveUserContact(
                  this.contactNumberList[i].id,
                  this.contactNumberList[i].contactWay
                );
              }

              if (this.draftsId) {
                that.$myRequest
                  .post(
                    "/api/mobile/personnelOwner/removeRecruitmentDraftsByIds",
                    {
                      ids: this.draftsId,
                    }
                  )
                  .then((res) => {});
              }
              this.$refs.binds.open();
              setTimeout(() => {
                this.anti_shake = false;
              }, 500);
              setTimeout(() => {
                this.$refs.binds.close();
              }, 2000);
              setTimeout(() => {
                uni.navigateBack();
              }, 3000);
            }
          });
      }
    },
    async getLocation() {
      this.getLocation1();
    },
    getType() {
      let that = this;
      this.$myRequest
        .get("/api/mobile/personnelOwner/queryDataDictionaryList", {
          type: "1,2,3,7",
        })
        .then((res) => {
          res.dataDictionaryList.forEach((el) => {
            el.active = false;
            if (el.type == 1) {
              that.type1.push(el);
            } else if (el.type == 2) {
              that.type2.push({
                value: el.valueName,
                text: el.valueName,
              });
            } else if (el.type == 3) {
              that.type3.push({
                value: el.valueName,
                text: el.valueName,
              });
            }
          });
          this.type3.unshift({
            value: "不限",
            text: "不限",
          });
          this.type2.unshift({
            value: "不限",
            text: "不限",
          });
        });

      this.$myRequest
        .get("/mob/home/getDictionaries", {
          type: "7",
        })
        .then((res) => {
          res.list.forEach((el) => {
            el.active = false;
            if (el.type == 7) {
              that.type8.push({
                value: el.valueName,
                text: el.valueName,
              });
            }
          });
        });
    },
    getLocation1() {
      let _this = this;
      uni.getLocation({
        type: "gcj02",
        highAccuracyExpireTime: "3000",
        success(res) {
          _this.releaseFullTime.latitude = res.latitude;
          _this.releaseFullTime.longitude = res.longitude;
          // _this.openMap();
        },
        fail(res) {
          console.log(res, "经纬度没有授权");
          uni.setStorageSync("locationState", 0);
          if (uni.getStorageSync("locationState") == 0) {
            uni.showModal({
              title: "提示",
              content: "您已关闭位置权限或获取位置信息失败",
              success: function (res) {
                if (res.confirm) {
                  // plus.runtime.openURL("app-settings:");
                } else if (res.cancel) {
                  console.log("用户点击取消");
                }
              },
            });
            return false;
          }
        },
      });
    },
    confirmAddressEdit(row) {
      let ifOne = false;
      if (this.userAddressList?.length == 0 || !this.userAddressList) {
        ifOne = true;
      } else if (row.id == this.userAddressList[0].id) {
        ifOne = true;
      }
      row.ifOne = ifOne;
      this.$myRequest
        .post("/api/mobile/personnelOwner/saveUserWorkLocation", row)
        .then((response) => {
          this.getCurrentUserAddress();
          this.currentAddressEditItem = 0;
        });
    },
    isAuthLocation() {
      const res = uni.getSystemInfoSync();
      if (res.platform == "android") {
        const appAuthorizeSetting = uni.getAppAuthorizeSetting();
        if (appAuthorizeSetting.locationAuthorized == "authorized") {
          // 已经获得授权，无需再次请求授权
          uni.setStorageSync("locationState", 1);
          return true;
        } else if (appAuthorizeSetting.locationAuthorized == "denied") {
          // 请求授权被拒绝，无法再次请求授权
          uni.setStorageSync("locationState", 0);
          return false;
        } else if (appAuthorizeSetting.locationAuthorized == "not determined") {
          // 表示尚未请求授权，会在App下一次调用系统相应权限时请求
          uni.setStorageSync("locationState", 0);
          return false;
        }
      } else {
        return false;
      }
    },
    openMap(row) {
      let that = this;
      if (this.userAddressList.length >= 5) {
        return;
      }
      let isOnly = false;
      if (that.releaseFullTime.latitude == "") {
        isOnly = true;
        that.getLocation();
      }
      if (that.releaseFullTime.latitude == "") {
        return false;
      }
      let authRes = this.isAuthLocation();
      if (row.id) {
        if (authRes) {
          // 编辑
          uni.chooseLocation({
            latitude: row.latitude,
            longitude: row.longitude,
            success: function (res) {
              row.location = res.address;
              row.latitude = res.latitude;
              row.longitude = res.longitude;
            },
          });
        } else {
          uni.showModal({
            title: "提示",
            content: "您已关闭位置权限或获取位置信息失败",
            success: function (res) {
              if (res.confirm) {
                // plus.runtime.openURL("app-settings:");
                if (plus.os.name === "iOS") {
                  plus.runtime.openURL("app-settings://");
                } else {
                  var Intent = plus.android.importClass(
                    "android.content.Intent"
                  );
                  var Settings = plus.android.importClass(
                    "android.provider.Settings"
                  );
                  var Uri = plus.android.importClass("android.net.Uri");
                  var mainActivity = plus.android.runtimeMainActivity();
                  var intent = new Intent();
                  intent.setAction(
                    Settings.ACTION_APPLICATION_DETAILS_SETTINGS
                  );
                  var uri = Uri.fromParts(
                    "package",
                    mainActivity.getPackageName(),
                    null
                  );
                  intent.setData(uri);
                  mainActivity.startActivity(intent);
                }
              } else if (res.cancel) {
                console.log("用户点击取消");
              }
            },
          });
        }
      } else {
        if (authRes) {
          // 新增
          uni.chooseLocation({
            latitude: that.releaseFullTime.latitude,
            longitude: that.releaseFullTime.longitude,
            success: function (res) {
              if (isOnly) {
                that.releaseFullTime.workLocation = res.address;
                that.releaseFullTime.latitude = res.latitude;
                that.releaseFullTime.longitude = res.longitude;
              }
              let ifOne = false;
              if (that.userAddressList?.length == 0 || !that.userAddressList) {
                ifOne = true;
              }
              row.ifOne = ifOne;
              that.$myRequest
                .post("/api/mobile/personnelOwner/saveUserWorkLocation", {
                  userId: that.userInfo.id,
                  location: res.address,
                  latitude: res.latitude,
                  longitude: res.longitude,
                  whetherDefault: isOnly ? 1 : 0,
                  ifOne: ifOne,
                })
                .then((response) => {
                  that.getCurrentUserAddress();
                });
            },
          });
        } else {
          uni.showModal({
            title: "提示",
            content: "您已关闭位置权限或获取位置信息失败",
            success: function (res) {
              if (res.confirm) {
                // plus.runtime.openURL("app-settings:");
                if (plus.os.name === "iOS") {
                  plus.runtime.openURL("app-settings://");
                } else {
                  var Intent = plus.android.importClass(
                    "android.content.Intent"
                  );
                  var Settings = plus.android.importClass(
                    "android.provider.Settings"
                  );
                  var Uri = plus.android.importClass("android.net.Uri");
                  var mainActivity = plus.android.runtimeMainActivity();
                  var intent = new Intent();
                  intent.setAction(
                    Settings.ACTION_APPLICATION_DETAILS_SETTINGS
                  );
                  var uri = Uri.fromParts(
                    "package",
                    mainActivity.getPackageName(),
                    null
                  );
                  intent.setData(uri);
                  mainActivity.startActivity(intent);
                }
              } else if (res.cancel) {
                console.log("用户点击取消");
              }
            },
          });
        }
      }
    },
    // openMap() {
    // 	let that = this;
    // 	if (that.releaseFullTime.latitude == "") {
    // 		this.getLocation();
    // 	}
    // 	if (that.releaseFullTime.latitude == "") {
    // 		return false;
    // 	}
    // 	uni.chooseLocation({
    // 		latitude: that.releaseFullTime.latitude,
    // 		longitude: that.releaseFullTime.longitude,
    // 		success: function(res) {
    // 			that.releaseFullTime.workLocation = res.address;
    // 			that.releaseFullTime.latitude = res.latitude;
    // 			that.releaseFullTime.longitude = res.longitude;
    // 		},
    // 	});
    // },
    fanhui() {
      uni.navigateBack({
        delta: 1,
      });
    },
    jinzhi() {
      let _this = this;
      let param = window.location.href.split("#")[0];
      uni.request({
        method: "post",
        data: {
          url: param,
        },
        header: {
          "content-type": "application/x-www-form-urlencoded",
        },
        url: "https://www.bangbangtongcheng.com/conven//mob/login/getJsTicket.do",
        success(re) {
          _this.jinzhifx(re.data);
        },
      });
    },
    jinzhifx(data) {
      wxshare.config({
        debug: false, //是否打开调试
        appId: data.appId, // 公众号的唯一标识
        timestamp: data.timestamp, // 生成签名的时间戳
        nonceStr: data.nonce, // ，生成签名的随机串
        signature: data.signature, // 签名
        jsApiList: ["hideMenuItems"],
      });
      // 禁止分享
      wxshare.hideMenuItems({
        // 要隐藏的菜单项，只能隐藏“传播类”和“保护类”按钮，所有menu项见附录3
        menuList: [
          "menuItem:share:appMessage",
          "menuItem:share:timeline",
          "menuItem:share:timeline",
          "menuItem:share:qq",
          "menuItem:favorite",
          "menuItem:share:QZone",
          "menuItem:openWithSafari",
        ],
      });
    },
    toUs(type) {
      uni.navigateTo({
        url: "/pages_my/Us?type=" + type,
      });
    },
    ViewImagehj(e) {
      let imgList = [];
      this.fileList1.forEach((e) => {
        imgList.push(this.$imgSrc + e);
      });
      uni.previewImage({
        urls: imgList,
        current: this.$imgSrc + e.currentTarget.dataset.url,
      });
    },
    DelImghj(e) {
      uni.showModal({
        title: "",
        content: "确定要删除该图片？",
        cancelText: "取消",
        confirmText: "确定",
        success: (res) => {
          if (res.confirm) {
            this.fileList1.splice(e.currentTarget.dataset.index, 1);
          }
        },
      });
    },
    async ChooseImages(menthType, type) {
      if (menthType == 0) {
        this.ChooseImage(type);
      }
    },
    ChooseImage(type) {
      let _this = this;
      uni.chooseImage({
        count: 9 - _this.fileList1.length,
        sizeType: ["copressed"],
        sourceType: ["camera", "album"],
        success(res) {
          //因为有一张图片， 输出下标[0]， 直接输出地址
          var imgFiles = res.tempFilePaths;
          const tempFiles = res.tempFiles;
          let resSize = tempFiles[0].size;
          if (resSize > 20971520) {
            uni.showToast({
              title: "上传图片大小不能超过20MB",
              icon: "error",
            });
            return;
          }
          if (_this.fileList1.length + imgFiles.length > 9) {
            uni.showToast({
              title: "图片最多不能超过9张",
              duration: 2000,
              icon: "none",
            });
            return;
          }
          let panduan = false;
          tempFiles.forEach((i, j) => {
            let length = "";
            // #ifdef H5
            length = i.name.length;
            let resType = i.name.substring(length - 1, length);
            // #endif
            // #ifndef H5
            length = i.path.length;
            let resType = i.path.substring(length - 1, length);
            // #endif
            if (resType != "g" && resType != "G") {
              panduan = true;
            }
          });
          if (panduan) {
            uni.showToast({
              title: "不支持当前文件格式",
              icon: "none",
            });
            return;
          }
          var uper;
          imgFiles.forEach((el, index) => {
            uni.showToast({
              title: "正在上传请稍后",
              icon: "none",
              duration: 2000,
            });
            _this.environmentList.push({
              percent: 0,
            });
            uper = uni.uploadFile({
              // 需要上传的地址
              url: "https://www.bangbangtongcheng.com/conven/ht/attach/qnUpload",
              // filePath  需要上传的文件
              filePath: el,
              name: "file",
              success(res1) {
                _this.fileList1.push(JSON.parse(res1.data).data[0].url);
                _this.environmentList.splice(index, 1);
              },
              fail: (err) => {
                uni.showModal({
                  content: err.errMsg,
                  showCancel: false,
                });
              },
            });
            // onProgressUpdate 上传对象更新的方法
            uper.onProgressUpdate(function (res) {
              _this.loadPercent = Number(res.progress);
              _this.environmentList[index].percent = Number(res.progress);
            });
          });
        },
        fail: (fail) => {
          uni.showModal({
            title: "提示",
            content: "操作权限已被拒绝，请手动前往设置",
            confirmText: "立即设置",
            success: (res) => {
              if (res.confirm) {
                if (plus.os.name === "iOS") {
                  plus.runtime.openURL("app-settings://");
                } else {
                  var Intent = plus.android.importClass(
                    "android.content.Intent"
                  );
                  var Settings = plus.android.importClass(
                    "android.provider.Settings"
                  );
                  var Uri = plus.android.importClass("android.net.Uri");
                  var mainActivity = plus.android.runtimeMainActivity();
                  var intent = new Intent();
                  intent.setAction(
                    Settings.ACTION_APPLICATION_DETAILS_SETTINGS
                  );
                  var uri = Uri.fromParts(
                    "package",
                    mainActivity.getPackageName(),
                    null
                  );
                  intent.setData(uri);
                  mainActivity.startActivity(intent);
                }
              }
            },
          });
        },
      });
    },
  },
};
</script>
<style lang="less" scoped>
page {
  width: 750rpx;
  overflow: hidden;
}

.textarea-placeholder {
  color: #cccccc;
  font-size: 24rpx;
}

.seclector-box {
  position: absolute;
  top: 90%;
  left: 0;
  z-index: 3;
  padding: 20rpx 10rpx;
  display: flex;
  flex-wrap: wrap;
  background: #f5f7f9;
  border: 1rpx solid #ebebed;
  border-radius: 10rpx;
  box-shadow: 0rpx 10rpx 20rpx 0rpx rgba(24, 97, 93, 0.1);
  transition: all 0.3s ease-in-out;

  .work-btn {
    margin: 10rpx;
    display: inline-block;
    width: 140rpx;
    height: 60rpx;
    line-height: 60rpx;
    text-align: center;
    font-size: 24rpx;
    color: #666;
    background: #fff;
    border: 1rpx solid #999;
    border-radius: 13rpx;
  }

  .checked {
    position: relative;
    color: #0fa291;
    background: #e7f5f4;

    &:after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      width: 28rpx;
      height: 28rpx;
      background: url("https://pic.bangbangtongcheng.com/static/bbzc/checked-tag.png")
        center no-repeat;
      background-size: 100% 100%;
    }
  }
}

.arrow-right {
  margin-left: auto;
  width: 48rpx;
  height: 48rpx;
  transition: all 0.3s ease-in-out;
}

.open {
  transform: rotate(-90deg);
}

.bindPublicSuccess_frame {
  //transition: all .3s ease-in-out;
  overflow: hidden;
  width: 560rpx;
  height: 159rpx;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 10rpx;
  font-weight: 500;
  font-size: 28rpx;
  color: #ffffff;
  line-height: 40rpx;
  text-align: center;

  image {
    width: 28rpx;
    height: 28rpx;
  }

  .binds_frame_t {
    margin-top: 31rpx;
    margin-bottom: 19rpx;
  }

  .binds_frame_c {
  }
}

.mianyiBox {
  text-align: center;
  //width: 130rpx;
  padding: 0rpx 20rpx;
  height: 48rpx;
  line-height: 48rpx;
  background: #ffffff;
  border-radius: 10rpx;
  border: 1rpx solid #999999;
  font-weight: 400;
  font-size: 28rpx;
  color: #666666;
}

.mianyiBoxActive {
  background-color: #0fa291;
  color: white;
  border: none;
}

.bindViewExample_frame {
  background-color: #ffffff;
  padding: 38rpx 20rpx;
  padding-bottom: 45rpx;
  border-radius: 30rpx 30rpx 0rpx 0rpx;

  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34rpx;

    .title_center {
      font-size: 34rpx;
      font-weight: 600;
      color: #000000;
    }

    .title_right {
      font-size: 36rpx;
      font-weight: normal;
      color: #64b6a8;
    }

    image {
      width: 30rpx;
      height: 30rpx;
    }
  }

  .center {
    background: #f5f7f9;
    border-radius: 10rpx;
    padding: 10rpx 20rpx;
    margin-bottom: 30rpx;
    font-weight: 400;
    font-size: 28rpx;
    color: #333333;
    line-height: 56rpx;
  }

  .bottomGroup {
    display: flex;
    justify-content: space-around;

    view {
      width: 325rpx;
      height: 90rpx;
      border-radius: 45rpx;
      text-align: center;
      line-height: 90rpx;
      font-weight: 500;
      font-size: 32rpx;
      display: flex;
      align-items: center;
      justify-content: center;

      image {
        width: 32rpx;
        height: 32rpx;
        margin-right: 20rpx;
      }
    }

    .bottoms1 {
      background: #0fa291;
      color: #ffffff;
    }

    .bottoms2 {
      border: 1rpx solid #0fa291;
      color: #0fa291;
      background: #e7f5f4;
    }
  }
}

.commonScreenContentLi {
  width: 150rpx;
  height: 60rpx;
  background: #ffffff;
  border-radius: 10rpx;
  border: 1rpx solid #ebebed;
  text-align: center;
  line-height: 60rpx;
  margin: 6rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #333333;
}

.commonScreenContentXuan {
  background: #e7f5f4;
  border: 1rpx solid #0fa291;
  color: #0fa291;

  background-image: url(https://pic.bangbangtongcheng.com/static/selectd-zhaocai-index.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 28rpx 28rpx;
}

.yszcTip {
  align-items: center;
  width: 710rpx;
  margin: 0rpx auto;
  justify-content: center;
}

.agreementCheckbox {
  width: 28rpx;
  height: 28rpx;
  margin-right: 10rpx;

  image {
    width: 100%;
    height: 100%;
  }
}

.background {
  background-color: #fff;
}

.shangchuan {
  padding-top: 30rpx;
  background-color: #fff;
}

.image_yjt {
  width: 48rpx;
  height: 48rpx;
}

.materialLabel {
  flex-shrink: 0;
  // width: 120rpx;
  padding: 0 20rpx;
  height: 50rpx;
  border-radius: 8rpx;
  border: 1px solid #64b6a8;
  font-size: 24rpx;
  font-weight: 400;
  color: #64b6a8;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 10rpx;
}

.callPhoneSetButton {
  display: flex;
  font-weight: 400;
  font-size: 24rpx;
  color: #666666;
  align-items: center;
  padding: 38rpx 20rpx;
  background: white;
  border-radius: 0rpx 0rpx 20rpx 20rpx;
}

.salary {
  flex: 1;
  display: flex;
  align-items: center;
  padding-right: 20rpx;

  .salary_input {
    // width: 150rpx;
    // height: 60rpx;
    // padding: 10rpx;
    // border-radius: 8rpx;
    // border: 1px solid #999999;
    width: 158rpx;
    height: 48rpx;
    background: #ffffff;
    border-radius: 10rpx;
    border: 1rpx solid #cccccc;
    text-align: center;
    padding: 0rpx;
    font-size: 24rpx;
    //color: #CCCCCC;
    line-height: 48rpx;
  }

  .salary_span {
    font-size: 34rpx;
    font-weight: normal;
    color: #333333;
    margin: 0 14rpx;
  }
}

/deep/ .uni-select {
  // padding-left: 0;
  // padding: 0 8rpx;
  // font-size: 24rpx;
  // text-align: center;
  border: none;
  text-align: left;
  padding: 0rpx;
}

.cu-dialog {
  max-width: 100%;
  width: 600rpx;
}

.tittit {
  position: fixed;
  top: 0;
  right: 0;
  background-color: #f8f8f8;
  z-index: 9999;
  max-width: 100%;
  width: 600rpx;
  transition-duration: 0.3s;
  transform: translateX(100%);
  text-align: center;
  line-height: 80rpx;
  font-size: 30rpx;
  border-bottom: 2rpx solid #cccccc;

  view {
    position: absolute;
    top: 0rpx;
    left: 20rpx;
    color: #999999;
    font-size: 54rpx;
    font-weight: 100;
  }
}

.show .tittit {
  transform: translateX(0%);
}

.list-cell {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 10px 24rpx;
  overflow: hidden;
  color: #323233;
  font-size: 14px;
  line-height: 24px;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;

  .list-cell-left {
    display: flex;
    align-items: center;

    .list-cell-left-image {
      width: 60rpx;
      height: 60rpx;
      margin-right: 17rpx;
    }
  }

  .list-cell-right {
    width: 40rpx;
    height: 40rpx;
  }
}

.buxian {
  height: 80rpx;
  display: flex;
  align-items: center;
  padding-left: 20rpx;
}

.vehicleBrand {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100rpx;

  .vehicleBrand_image {
    width: 100rpx;
    height: 80rpx;
  }

  .vehicleBrand_span {
    font-size: 40rpx;
    font-weight: 400;
    color: #333333;
    margin-left: 5rpx;
  }
}

.vehicleBrand-xzcx {
  width: 100%;
  height: 50rpx;
  background-color: #f2f2f2;
  line-height: 50rpx;
  font-size: 32rpx;
  font-weight: 600;
  color: #333333;
  padding-left: 40rpx;
}

.vehicleBrand_item {
  display: flex;
  align-items: center;
  margin-bottom: 40rpx;

  .vehicleBrand_item_image {
    width: 142rpx;
    height: 75rpx;
    border-radius: 12rpx;
    margin-left: 50rpx;
  }

  .vehicleBrand_item_span {
    font-size: 30rpx;
    font-weight: 500;
    color: #6f6f6f;
    margin-left: 30rpx;
  }
}

/deep/ .uni-select__selector {
  //width: 710rpx;
  background-color: #f5f7f9;
}

/deep/ .uni-scroll-view-content {
  display: flex;
  flex-wrap: wrap;
}

/deep/ .uni-popper__arrow::after {
  border-bottom-color: #f5f7f9;
}

/deep/ .uni-select__selector-item {
  //background-color: red;
  //width: 150rpx;
  height: 60rpx;
  background: #ffffff;
  border-radius: 10rpx;
  border: 1rpx solid #ebebed;
  text-align: center;
  line-height: 60rpx;
  margin: 6rpx;
  font-weight: 400;
  font-size: 28rpx;
  color: #333333;
}

/deep/ .uni-select__selector-item--selected {
  background: #e7f5f4 !important;
  border: 1rpx solid #0fa291 !important;
  color: #0fa291 !important;

  background-image: url(https://pic.bangbangtongcheng.com/static/selectd-zhaocai-index.png) !important;
  background-repeat: no-repeat !important;
  background-position: right bottom !important;
  background-size: 28rpx 28rpx !important;
}

/deep/ uni-checkbox:not([disabled]) .uni-checkbox-input:hover {
  border-color: #aaa;
}

/deep/uni-checkbox .uni-checkbox-input {
  background-color: rgba(0, 0, 0, 0);
  border: 2rpx solid #999;
}

/deep/ uni-checkbox-group uni-label {
  margin-bottom: 0;
}

/deep/uni-checkbox .wx-checkbox-input,
/deep/uni-checkbox .uni-checkbox-input {
  width: 38rpx;
  height: 38rpx;
  text-align: center;
}

/deep/.uni-checkbox-input-checked {
  background-color: #64b6a8 !important;
  border: 2rpx solid #64b6a8 !important;
}

/deep/ uni-checkbox::before {
  font-size: 30rpx;
  margin-top: -16rpx;
  right: 6rpx !important;
}

.cutTop {
  height: 110rpx;
  background-color: #fff;
  display: flex;
  align-items: center;
}

.tijiao .btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 40rpx;
  margin-top: 25rpx;

  image {
    margin-right: 16rpx;
  }

  .releaseBtn {
    // width: 297rpx;
    // height: 80rpx;
    // background-color: #64b6a8;
    // border-radius: 49rpx;
    // font-size: 34rpx;
    // font-weight: 400;
    // color: #ffffff;
    // text-align: center;
    // line-height: 80rpx;
    width: 325rpx;
    height: 90rpx;
    background: #0fa291;
    border-radius: 45rpx;
    border: 1rpx solid #0fa291;
    font-weight: 500;
    font-size: 32rpx;
    color: #ffffff;
    line-height: 90rpx;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hide {
    background: #999;
    border: none;
  }

  .draftBtn {
    // width: 297rpx;
    // height: 80rpx;
    // border-radius: 49rpx;
    // border: 1px solid #64b6a8;
    // text-align: center;
    // line-height: 80rpx;
    // font-size: 34rpx;
    // font-weight: 400;
    // color: #64b6a8;
    width: 325rpx;
    height: 90rpx;
    background: #e7f5f4;
    border-radius: 45rpx;
    border: 1rpx solid #0fa291;
    font-weight: 500;
    font-size: 32rpx;
    color: #0fa291;
    line-height: 90rpx;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.tou {
  position: relative;
  width: 100%;
  text-align: left;
  line-height: 88rpx;
  font-size: 36rpx;
  font-weight: 500;
  color: black;
  background: #f5f7f9;
  padding-left: 70rpx;

  .image1 {
    position: absolute;
    width: 32rpx;
    height: 32rpx;
    //top: 2rpx;
    margin-bottom: 2rpx;
    left: 30rpx;
  }
}

.view {
  position: relative;
  font-size: 32rpx;
  border: 0;
  color: #333333;
  margin-right: 0;

  image {
    position: absolute;
    width: 44rpx;
    height: 24rpx;
    top: 66rpx;
    left: 50%;
    transform: translateX(-50%);
  }
}

.cur {
  color: #64b6a8;
  border: 0;
  transform: scale(1.1);
}

.box {
  padding-bottom: 180rpx;
  background-color: #f5f7f9;
}

.tijiao {
  position: fixed;
  width: 100%;
  bottom: 0rpx;
  padding-bottom: 40rpx;
  background-color: #fff;
  z-index: 99;
  border-radius: 30rpx 30rpx 0rpx 0rpx;
  box-shadow: 0px 5rpx 30rpx rgba(0, 0, 0, 0.1);

  .flex {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  checkbox {
    vertical-align: top;
    margin-right: 6rpx;
    margin-left: 40rpx;
  }

  span {
    font-size: 26rpx;
  }
}

.text_field_outer {
  margin-top: 20rpx;
  border: 1px solid lightgray;
  background-color: #fff;
  box-sizing: border-box;
  display: inline-block;
  height: 220rpx;
  //padding: 1vh 1vw;
  position: relative;
}

::v-deep ::-webkit-scrollbar {
  // 滚动条整体样式
  display: block;
  width: 10rpx !important;
  height: 10rpx !important;
  -webkit-appearance: auto !important;
  background: transparent;
  overflow: auto !important;
}

::v-deep ::-webkit-scrollbar-thumb {
  // 滚动条里面小方块
  border-radius: 10rpx !important;
  box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important;
  background-color: #e2e2e2 !important;
}

::v-deep ::-webkit-scrollbar-track {
  // 滚动条
  border-radius: 10rpx !important;
  box-shadow: inset 0 0 5rpx rgba(0, 0, 0, 0.2) !important;
  background-color: #ededed !important;
}

.editUserAddressTextarea {
  width: 100%;
  min-height: 50rpx;
  max-height: 150rpx;
  overflow-y: hidden;
  resize: vertical;
}

.jieshao {
  background-color: #fff;
  border-bottom: 1rpx solid #eee;

  .kuang {
    position: relative;
    //width: 670rpx;
    //min-height: 80rpx;
    //margin-left: 5rpx;
    padding-bottom: 30rpx;
    //background-color: red;
    //border: 1px solid #c9c9c9;

    .textareaAuto {
      width: 660rpx;
      height: 220rpx;
      margin-left: 24rpx;
      //margin-top: 14rpx;
      line-height: 36rpx;
      letter-spacing: 2rpx;
      font-weight: 400;
      font-size: 24rpx;
      //color: #CCCCCC;
      overflow-y: auto;
    }

    ::-webkit-scrollbar {
      background-color: transparent !important;
      /* 轨道颜色透明 */
    }

    ::-webkit-scrollbar-thumb {
      background-color: #ebebed !important;
      /* 滑块颜色为红色 */
      box-shadow: none !important;
    }

    /* 设置滚动条轨道样式 */
    ::-webkit-scrollbar-track {
      background: none !important;
      /* 轨道颜色透明 */
      box-shadow: none !important;
    }

    p {
      position: absolute;
      bottom: 20rpx;
      right: 20rpx;
      color: #999999;
    }
  }
}

.jieshaoTip {
  width: 657rpx;
  height: 72rpx;
  font-weight: 400;
  font-size: 24rpx;
  color: #e00201;
  margin: 0rpx auto;
  background: white;
}

.cu-form-group {
  position: relative;
}

uni-checkbox-group {
  width: 72% !important;
}

.cu-form-group picker .picker {
  text-align: left;
}

.cu-form-group .title {
  font-weight: 400;
  font-size: 28rpx;
  padding-right: 0rpx !important;
}

.radio {
  font-size: 34rpx;
  margin-right: 40rpx;

  radio {
    margin-right: 10rpx;
  }
}

.grid.col-4.grid-square > uni-view {
  width: 212rpx;
  height: 212rpx;
}

.grid.col-4.grid-square > uni-view:nth-child(3n) {
  margin-right: 0;
}

.cu-form-group uni-picker .picker {
  font-size: 34rpx;
}

.picker1 {
  position: relative;
  text-align: left;
  width: 576rpx;
  padding-right: 60rpx;
  height: 100rpx;
  line-height: 100rpx;
  color: #666;
}

.picker1::after {
  font-family: cuIcon;
  display: block;
  content: "\e6a3";
  position: absolute;
  font-size: 34rpx;
  color: #8799a3;
  line-height: 100rpx;
  width: 60rpx;
  text-align: center;
  top: 0;
  bottom: 0;
  right: -20rpx;
  margin: auto;
  margin-top: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
}

/deep/uni-radio .wx-radio-input,
/deep/uni-radio .uni-radio-input {
  width: 46rpx;
  height: 46rpx;
}

/deep/.uni-radio-input-checked {
  background-color: #64b6a8 !important;
  border-color: #64b6a8 !important;
}

.textarea {
  min-height: 200rpx;
}

.scroll-view {
  /* #ifdef MP  */
  height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
  /* #endif */
  /* #ifdef H5 || APP-PULS */
  height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
  /* #endif */
  /* #ifdef APP */
  height: calc(100vh - 96rpx - var(--status-bar-height) - 88rpx - 5px - 96rpx);
  /* #endif */
}

.uni-progress {
  margin-bottom: 2px;
}

/deep/.uni-progress-inner-bar {
  background-color: rgb(100 182 168) !important;
  border-radius: 25px;
}

.binds_frame {
  width: 600rpx;
  background-color: #ffffff;
  border-radius: 10rpx;
  text-align: center;

  .binds_frame_t {
    font-size: 30rpx;
    font-weight: 550;
    color: #000000;
    padding: 0 46rpx;
    padding-top: 36rpx;
  }

  .binds_frame_c {
    width: 500rpx;
    margin: 0 auto;
    font-size: 28rpx;
    font-weight: 400;
    color: #64b6a8;
    margin-top: 30rpx;
    margin-bottom: 50rpx;
  }

  .binds_frame_b {
    display: flex;
    align-items: center;
    justify-content: space-around;
    height: 100rpx;
    background-color: #64b6a8;
    color: #fff;
  }
}

.bindWorkAddress_frame {
  background-color: #ebebed;
  padding: 20rpx;

  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20rpx;

    .title_center {
      font-size: 34rpx;
      font-weight: 600;
      color: #000000;
    }

    .title_right {
      font-weight: 500;
      font-size: 28rpx;
      color: #333333;
    }
  }

  .center {
    .center_item {
      //width: 630rpx;
      //height: 190rpx;
      background: white;
      border-radius: 10rpx;
      border: 1rpx solid #ebebed;
      padding: 13rpx 20rpx;
      margin-bottom: 10rpx;

      .center_item_top {
        font-weight: 400;
        font-size: 28rpx;
        color: #000000;
        padding-bottom: 20rpx;
      }

      .center_item_bottom {
        display: flex;
        justify-content: space-between;

        .center_item_bottom_left {
          font-weight: 500;
          font-size: 24rpx;
          color: #ffffff;
          text-align: center;
          display: flex;
          justify-content: space-between;

          view {
            width: 100rpx;
            height: 40rpx;
            line-height: 40rpx;
            background: #0fa291;
            border-radius: 22rpx;
          }
        }

        .center_item_bottom_right {
          display: flex;
          align-items: center;

          image {
            width: 28rpx;
            height: 28rpx;
            margin-right: 10rpx;
          }
        }
      }
    }

    .center_item_cur {
      border: 1rpx solid #0fa291;
      background: #e7f5f4;
    }
  }

  .footer {
    padding: 20rpx 0rpx;
    background-color: white;

    .but {
      height: 90rpx;
      background: #0fa291;
      border-radius: 45rpx;
      text-align: center;
      line-height: 90rpx;
      font-size: 32rpx;
      color: #ffffff;
    }
  }
}

.bindFL_frame {
  background-color: #ffffff;
  padding: 30rpx 40rpx 60rpx 40rpx;

  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34rpx;

    .title_center {
      font-size: 34rpx;
      font-weight: 600;
      color: #000000;
    }

    .title_right {
      font-size: 36rpx;
      font-weight: normal;
      color: #64b6a8;
    }
  }

  .center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    .center_item {
      //width: 33%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 20rpx;

      .yyds {
        width: 170rpx;
        height: 62rpx;
        border-radius: 8rpx;
        border: 1px solid #999999;
        font-size: 30rpx;
        font-weight: 400;
        color: #999999;
        display: flex;
        align-items: center;
        justify-content: center;
      }

      .yyds_active {
        border: 1px solid #64b6a8;
        background-color: #64b6a8;
        color: #fff;
      }

      .custom {
        width: 170rpx;
        height: 62rpx;
        border-radius: 8rpx;
        font-size: 30rpx;
        font-weight: 400;
        color: #999999;
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}

.binds_frame_address {
  width: 600rpx;
  background-color: #ffffff;
  // padding-bottom: 50rpx;
  border-radius: 20rpx;
  text-align: center;
  font-size: 36rpx;
  overflow: hidden;

  .binds_frame_t {
    font-weight: 550;
    color: #000000;
    padding: 0 46rpx;
    padding-top: 36rpx;
  }

  .binds_frame_c {
    width: 500rpx;
    margin: 0 auto;
    font-weight: 500;
    color: #000000;
    margin-top: 30rpx;
    margin-bottom: 50rpx;
  }

  .binds_frame_b {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .confirmAddAccount {
      border: none;
      width: 550rpx;
      height: 90rpx;
      background: #0fa291;
      border-radius: 45rpx;
      text-align: center;
      margin: 0rpx auto;
      color: white;
      line-height: 90rpx;
      margin-top: 80rpx;
    }

    .cancel {
      flex: 1;
      height: 90rpx;
      border: 1px solid #eee;
      border-radius: 10rpx 0 0 10rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      color: #999999;
    }

    .determine {
      flex: 1;
      height: 90rpx;
      border: 1px solid #eee;
      border-radius: 0 10rpx 10rpx 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 400;
      color: #0fa291;
    }
  }
}

.bindAddFL_frame {
  background-color: #ffffff;
  width: 600rpx;
  height: 250rpx;
  border-radius: 10rpx;
  padding: 28rpx 32rpx 10rpx 32rpx;

  .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 34rpx;

    .title_center {
      font-size: 30rpx;
      font-weight: 400;
      color: #000000;
    }

    .title_right {
      width: 32rpx;
      height: 32rpx;

      .image {
        width: 100%;
        height: 100%;
      }
    }
  }

  .center {
    width: 540rpx;
    height: 60rpx;
    border-radius: 8rpx;
    border: 1px solid #999999;
    position: relative;

    .inputs {
      width: 100%;
      height: 100%;
      padding: 4rpx 10rpx;
    }

    .inputs_zis {
      position: absolute;
      right: 10rpx;
      top: 50%;
      transform: translateY(-50%);
    }
  }

  .bottoms {
    width: 100%;
    height: 80rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32rpx;
    font-weight: 400;
    color: #333333;
  }
}

.cu-form-group-title {
  .title {
    line-height: 100rpx;
  }

  align-items: flex-start;
}

.cu-form-group .textarea1 {
  line-height: 42rpx;
  width: 100%;
  height: auto;
  font-weight: 400;
  font-size: 28rpx;
  //color: #CCCCCC;
  padding-right: 80rpx;
  //margin-top: 26rpx;
}

.motaikuang {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1000;

  .verify {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}

.motaikuang2 {
  .tips {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    left: 0;
    padding: 40rpx 30rpx 100rpx;
    border-radius: 50rpx 50rpx 0 0;
    box-sizing: border-box;

    .text {
      margin-bottom: 48rpx;
    }

    .btns {
      display: flex;

      .btn {
        height: 90rpx;
        width: 50%;

        &:first-child {
          background: #f2f2f2;
          border-radius: 10rpx 0rpx 0rpx 10rpx;
        }

        &:last-child {
          background: #64b6a8;
          color: #fff;
          border-radius: 0rpx 10rpx 10rpx 0rpx;
        }
      }
    }
  }

  .tags {
    color: #64b6a8;
    display: inline-block;
  }
}

.mapbuZbc {
  position: fixed;
  width: 100%;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  display: flex;
  justify-content: center;
  z-index: 999999999;

  .mapView {
    padding: 0 28rpx;
  }

  view {
    display: inline-block;
    position: relative;
    margin-top: 75%;
    text-align: center;

    image {
      // width: 130rpx;
      // height: 130rpx;
      width: 120rpx;
      height: 120rpx;
    }

    p {
      width: 100%;
      // font-size: 40rpx;
      font-size: 35rpx;
      color: #fff;
      text-align: center;
      margin-top: 24rpx;
      white-space: nowrap;
    }
  }

  .show {
    position: absolute;
    width: 58rpx;
    height: 58rpx;
    left: 50%;
    transform: translateX(-43%);
    top: 270rpx;
  }
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 40;
}

/deep/uni-switch .uni-switch-input.uni-switch-input-checked {
  background-color: #0fa291 !important;
}

/deep/ uni-switch::after,
uni-switch::before {
  content: "";
}

/deep/uni-switch .wx-switch-input,
/deep/uni-switch .uni-switch-input {
  width: 80rpx;
  height: 40rpx;
  background-color: #8799a3 !important;
}

/deep/uni-switch .wx-switch-input::after,
/deep/uni-switch .uni-switch-input::after {
  width: 45rpx;
  height: 40rpx;
}
</style>
